<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Insert title here</title>
<!-- <link rel="stylesheet" href="css/metro-bootstrap.css">
<script src="js/jquery.min.js"></script>
<script src="js/jquery.widget.min.js"></script>
<script src="js/metro.min.js"></script> -->

<link href="css/metro-bootstrap.css" rel="stylesheet">
<link href="css/metro-bootstrap-responsive.css" rel="stylesheet">
<link href="css/iconFont.css" rel="stylesheet">

<!-- Load JavaScript Libraries -->
<script src="js/jquery.min.js"></script>
<script src="js/jquery.widget.min.js"></script>
<script src="js/jquery.mousewheel.js"></script>
<script src="js/prettify.js"></script>
<script src="js/cmp.js"></script>
<script src="js/load-metro.js"></script>

<script src="http://d3js.org/d3.v3.min.js"></script>
<script src="http://dimplejs.org/dist/dimple.v2.1.0.min.js"></script>

</head>
<body class="metro">

<!-- <script type="text/javascript">
    var svg = dimple.newSvg("body", 800, 600);
    var data = [
      { "Word":"Hello", "Awesomeness":2000 },
      { "Word":"World", "Awesomeness":3000 }
    ];
    var chart = new dimple.chart(svg, data);
    chart.addCategoryAxis("x", "Word");
    chart.addMeasureAxis("y", "Awesomeness");
    chart.addSeries(null, dimple.plot.bar);
    chart.draw();
  </script> -->
  
  <script type="text/javascript">
    var svg = dimple.newSvg("body", 590, 400);
    var data = [
                { "Word":"Hello", "Awesomeness":2000 },
                { "Word":"World", "Awesomeness":3000 }
              ];
      var myChart = new dimple.chart(svg, data);
      myChart.setBounds(20, 20, 460, 360)
      myChart.addMeasureAxis("p", "Unit Sales");
      var ring = myChart.addSeries("Owner", dimple.plot.pie);
      ring.innerRadius = "50%";
      myChart.addLegend(500, 20, 90, 300, "left");
      myChart.draw();
  
  </script>

	<!-- <div class="container" id="deptview">
		<div class="grid">
		
			<div class="row">
				<button class="shortcut" id="ButtonOpenComplaints">
					<i class="icon-rocket"></i> Open Complaints <small
						class="bg-cobalt fg-white">10</small>
				</button>
				<button class="shortcut">
					<i class="icon-rocket"></i> Rocket <small
						class="bg-cobalt fg-white">10</small>
				</button>
				<button class="shortcut">
					<i class="icon-rocket"></i> Rocket <small
						class="bg-cobalt fg-white">10</small>
				</button>
				<button class="shortcut">
					<i class="icon-rocket"></i> Rocket <small
						class="bg-cobalt fg-white">10</small>
				</button>
			</div>

			<div class="row" id="complaintList" style="display:none">
				<div class="span12">
					<table id="complaintsTable" class="table" >
					<thead>
					<tr>
					<td>Complaint Id</td>
					<td>Location</td>
					<td>Date</td>
					<td>Description</td>
					</tr>
					</thead>
						<tbody>

						</tbody>
					</table>
				</div>
			</div>
		</div>
	</div> -->


</body>
</html>